<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>【相邻、通用】兄弟选择器/通用选择器</title>
	<style>
		/* 相邻兄弟选择器：用途：找到当前元素相邻的元素[针对平行结构] 
			语法：当前元素选择器+相邻的元素选择器{}
			*/
			/* h1+p{/*找到h1旁边的第一个p元素
			   color: #55aaff;
			} */
			 /* 通用兄弟选择器：用途：找到当前元素名字一致的其他元素[针对平行结构]
			 语法：当前元素选择器~相邻的元素选择器{}
			 */
			 /* h2~span{
				  color: #e4adee;
			} */
			/* 通用选择器：*匹配页面上所有元素  作用：全局设置月面元素效果，出现首行 */
			*{
				color: black;
				background: #ffff00;
			}
	</style>		
	</head>
	<body>
        <h2>通用兄弟选择器</h2>
	    <span>span1</span>
		<span>span2</span>
		<span>span3</span>
		<h1>相邻兄弟选择器</h1>
		<p>lorem1</p >
		<p>lorem2</p >
		<p>lorem3</p >
	</body>
</html>